<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>固定资产后台管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta name="renderer" content="webkit" />
    <meta name="description" content="This is a assets management system" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<!--[if lt IE 8]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<!--[if lt IE 9]>
<p class="browsehappy">
    你打开的网站不支持IE内核浏览器浏览，请将兼容模式更改为急速模式或更换为最新版本的Chrome浏览器 <br>
    You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.
</p>
<![endif]-->
<div id="app"></div>
<script>
    // 动态计算屏幕的宽度，从而得到网页的fontSize大小
    (function (doc, win) {
        let docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                let clientWidth = docEl.clientWidth
                if (!clientWidth) return
                if (clientWidth >= 1920) {
                    docEl.style.fontSize = '100px'
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px'
                }
            }
        if (!doc.addEventListener) return
        win.addEventListener(resizeEvt, recalc, false)
        doc.addEventListener('DOMContentLoaded', recalc, false)
    })(document, window)
</script>
</body>
</html>
